<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<link rel="stylesheet" href="css/common.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="top">
			<div class="main ovw">
				<p class="fl login">
					<span>欢迎来到焊客e家，请</span>
					<a href="./login.html">登录</a>
					<i class="line"></i>
					<a href="./register.html">免费注册</a>
				</p>

				<p class="fr help">
					<a href="#">帮助中心</a>
					<i class="line"></i>
					<img src="images/phone_icon.png" alt="">
					<span>400-888-888</span>
				</p>
			</div>
		</div>

		<div class="main nav ovw">
			<div class="fl idx_logo"><img src="images/logo.png" alt=""></div>

			<ul class="nav_list">
				<li style="margin-left:0px;" class="active"><a href="#">首页</a></li>
				<li><a href="hk_zndj.html" target="_blank">智能对接</a></li>
				<li><a href="hk_zsk.html" target="_blank">焊客知识库 </a></li>
				<li><a href="hk_hkq.html" target="_blank">焊客圈</a></li>
				<li><a href="hk_kjqy.html" target="_blank">科技前沿</a></li>
				<li><a href="hkx_index.html" target="_blank">焊客秀展区</a></li>
				<li><a href="hk_zcq.html" target="_blank">焊客众创区</a></li>
				<li><a href="hk_pxzx.html" target="_blank">培训</a></li>
			</ul>
			<div class="fr idx_search">
				<input type="text" placeholder="请输入关键字">
				<a class="search_btn" href="#"><img src="images/search_icon.png" alt=""></a>
			</div>
		</div>
	</div>
	<!-- banner图 -->
	<!-- <div class="banner ovw"></div> -->
	<div class="swiper-container banner_container">
		<div class="swiper-wrapper">
			<div class="swiper-slide ">
				<img src="images/banner.png" alt="">
			</div>
			<div class="swiper-slide ">
				<img src="images/banner.png" alt="">
			</div>
			<div class="swiper-slide ">
				<img src="images/banner.png" alt="">
			</div>
			<div class="swiper-slide ">
				<img src="images/banner.png" alt="">
			</div>
		</div>
		<div class="pagination1"></div>
	</div>
	<!-- 主体内容 -->
	<div class="container">
		<!-- 智能对接 -->
		<div class="box">
			<div class="main joint">
				<!-- 阴影 -->
				<img class="shadow_left" src="images/shadow_left.png" alt="">
				<img class="shadow_right" src="images/shadow_right.png" alt="">
				<div class="title">
					<a class="fr btn" href="hk_issue_1.html" target="_blank">发布需求</a>
					<h3>智能对接</h3>
					<p>这里应有尽有，丰富选择实现焊客理想之家 </p>
				</div>
				<ul class="list ovw">
					<li style="margin-left:0px;">
						<a href="hk_issue_1.html" target="_blank">
						<div class="img_box">
							<img src="images/icon_a.png" alt="">
						</div>
						<p>设备对接</p>
						<p class="intro">找设备、卖设备</p>
						</a>
					</li>
					<li>
						<a href="hk_issue_1.html" target="_blank">
						<div class="img_box">
							<img src="images/icon_b.png" alt="">
						</div>
						<p>技术对接</p>
						<p class="intro">技术一起共享</p>
						</a>
					</li>
					<li>
						<a href="hk_issue_1.html" target="_blank">
						<div class="img_box">
							<img src="images/icon_c.png" alt="">
						</div>
						<p>材料对接</p>
						<p class="intro">找材料，卖材料</p>
						</a>
					</li>
					<li>
						<a href="hk_issue_1.html" target="_blank">
						<div class="img_box">
							<img src="images/icon_d.png" alt="">
						</div>
						<p>人才招聘对接</p>
						<p class="intro">我是人才/我缺人才</p>
						</a>
					</li>
					<li>
						<a href="hk_issue_1.html" target="_blank">
						<div class="img_box">
							<img src="images/icon_e.png" alt="">
						</div>
						<p>其他</p>
						<p class="intro">更多智能对接就在这里</p>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 焊客众创区 -->
		<div class="content_two">
			<div class="main ovw">
				<div class="fl lf">
					<div class="title">
						<a class="fr btn" href="hk_zcq.html" target="_blank"><img src="images/add.png" alt="">查看更多</a>
						<h3>焊客众创区</h3>
						<p>这里应有尽有，丰富选择实现焊客理想之家 </p>
					</div>
					<ul class="list">
						<li style="margin-left:0px;">
							<a href="hk_zcq.html" target="_blank">
							<div class="img_box">
								<img src="images/img_a.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="intro">
								<p class="headline">焊客新项目，希望一起合作的可以联系我！</p>
								<p class="time">2017-07-01 15:00</p>
								<div class="user ovw">
									<div class="fl">
										<img class="user_head" src="images/user_head.png" alt="">
										<span class="name">张雪鸥</span>
									</div>
									<div class="fl fr">
										<img src="images/icon.png" alt="">
										<span class="num">34521</span>
									</div>
									<div class="line"></div>
								</div>
							</div>
							</a>
						</li>
						<li>
							<a href="hk_zcq.html" target="_blank">
							<div class="img_box">
								<img src="images/img_b.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="intro">
								<p class="headline">焊客新项目，希望一起合作的可以联系我！</p>
								<p class="time">2017-07-01 15:00</p>
								<div class="user ovw">
									<div class="fl">
										<img class="user_head" src="images/user_head.png" alt="">
										<span class="name">万达吹</span>
									</div>
									<div class="fl fr">
										<img src="images/icon.png" alt="">
										<span class="num">34521</span>
									</div>
									<div class="line"></div>
								</div>
							</div>
							</a>
						</li>
						<li>
							<a href="hk_zcq.html" target="_blank">
							<div class="img_box">
								<img src="images/img_c.png" alt="">
								<span class="label">众创中</span>
							</div>
							<div class="intro">
								<p class="headline">焊客新项目，希望一起合作的可以联系我！</p>
								<p class="time">2017-07-01 15:00</p>
								<div class="user ovw">
									<div class="fl">
										<img class="user_head" src="images/user_head.png" alt="">
										<span class="name">小解解</span>
									</div>
									<div class="fl fr">
										<img src="images/icon.png" alt="">
										<span class="num">34521</span>
									</div>
									<div class="line"></div>
								</div>
							</div>
							</a>
						</li>
					</ul>
				</div>
				<div class="fr rt">
					<div class="title">
						<a class="fr btn" href="hk_zsk.html" target="_blank"><img src="images/add.png" alt="">查看更多</a>
						<h3>知识库</h3>
						<p>这里是焊客们的知识海洋</p>
					</div>
					<ul class="list zs_list">
						<li class="mar_l">
							<a href="hk_zsk.html" target="_blank">
								<div class="none img_box"><img src="images/icon_f.png" alt=""></div>
								<div class="img_box"><img src="images/icon_f1.png" alt=""></div>
								<p>标准规范</p>
							</a>
						</li>
						<li>
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_g.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_g1.png" alt=""></div>
								<p>方案</p>
							</a>
						</li>
						<li class="mar_l">
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_h.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_h1.png" alt=""></div>
								<p>程序</p>
							</a>
						</li>
						<li>
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_i.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_i1.png" alt=""></div>
								<p>培训教材</p>
							</a>
						</li>
						<li class="mar_l">
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_j.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_j1.png" alt=""></div>
								<p>论文</p>
							</a>
						</li>
						<li>
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_k.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_k1.png" alt=""></div>
								<p>总结</p>
							</a>
						</li>
						<li class="mar_l">
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_l.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_l1.png" alt=""></div>
								<p>安全规范</p>
							</a>
						</li>
						<li>
							<a href="hk_zsk.html" target="_blank">
								<div class="img_box"><img src="images/icon_m.png" alt=""></div>
								<div class="none img_box"><img src="images/icon_m1.png" alt=""></div>
								<p>其他</p>
							</a>
						</li>
					</ul>
				</div>
				<a class="banner1" href="#"><img src="images/banner1.png" alt=""></a>
			</div>
		</div>

		<!-- 科技前沿 -->
		<div class="content_three">
			<div class="main ovw">
				<div class="fl">
					<div class="title">
						<a class="fr btn" href="hk_kjqy.html" target="_blank"><img src="images/add.png" alt="">查看更多</a>
						<h3>科技前沿</h3>
						<p>最新最全面的行业资讯信息，走在行业最前沿</p>
					</div>

					<div class="swiper-container lb">
						<div class="swiper-wrapper">
							<div class="swiper-slide">
								<a href="./hk_kjqy_detail.html" target="_blank">
									<img src="images/lb_img.png" alt="">
									<p>【国家政策】全球首堆“华龙一号”常规岛安装工作开始</p>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="./hk_kjqy_detail.html" target="_blank">
									<img src="images/lb_img.png" alt="">
									<p>【国家政策】全球首堆“华龙一号”常规岛安装工作开始</p>
								</a>
							</div>
							<div class="swiper-slide">
								<a href="./hk_kjqy_detail.html" target="_blank">
									<img src="images/lb_img.png" alt="">
									<p>【国家政策】全球首堆“华龙一号”常规岛安装工作开始</p>
								</a>
							</div>
						</div>
						<div class="pagination"></div>
					</div>

					<ul class="list">
						<li>
							<a href="./hk_kjqy_detail.html" target="_blank">
								<span>“核安全文化校园行”第八场报告会成功举办</span>
								<span class="fr time">2017-10-22</span>
							</a>
						</li>
						<li>
							<a href="./hk_kjqy_detail.html" target="_blank">
								<span>“核安全文化校园行”第八场报告会成功举办</span>
								<span class="fr time">2017-10-22</span>
							</a>
						</li>
						<li>
							<a href="./hk_kjqy_detail.html" target="_blank">
								<span>“核安全文化校园行”第八场报告会成功举办</span>
								<span class="fr time">2017-10-22</span>
							</a>
						</li>
					</ul>
				</div>
				<!--  -->
				<div class="fl fr">
					<div class="title">
						<a class="fr btn" href="hk_hkq.html" target="_blank"><img src="images/add.png" alt="">查看更多</a>
						<h3>焊客圈</h3>
						<p>焊客们的乐园，与焊友交流心得 </p>
					</div>
					<ul class="user_list">
						<li>
							
							<div class="img_box"><img src="images/user_head_a.png" alt=""></div>
							<div class="text">
								<a href="./hk_hkq_detail.html" target="_blank"><h3>分享网上看到一个焊接视频，超级赞，诚邀焊友共同见证！<span>精品</span></h3></a>
								<div class="info">
									<span class="name">以电焊之名</span>
									<span class="look">
										<img src="images/look_icon.png" alt="">
										<i class="number">28002</i>
									</span>
									<i class="line"></i>
									<span class="look">
										<img src="images/message_icon.png" alt="">
										<i class="number">28002</i>
									</span>
								</div>
							</div>
							
						</li>
						<li>
							
							<div class="img_box"><img src="images/user_head_a.png" alt=""></div>
							<div class="text">
								<a href="./hk_hkq_detail.html" target="_blank">
								<h3>深秋十月，体验一把农村！<span>精品</span></h3>
								</a>
								<div class="info">
									<span class="name">飞跃焊客一家</span>
									<span class="look">
										<img src="images/look_icon.png" alt="">
										<i class="number">28002</i>
									</span>
									<i class="line"></i>
									<span class="look">
										<img src="images/message_icon.png" alt="">
										<i class="number">28002</i>
									</span>
								</div>
							</div>
							
						</li>
						<li>
							
							<div class="img_box"><img src="images/user_head_a.png" alt=""></div>
							<div class="text">
								<a href="./hk_hkq_detail.html" target="_blank">
								<h3>AMOLED息屏时钟 | 改变你看时间的习惯<span>精品</span></h3>
								</a>
								<div class="info">
									<span class="name">以电焊之名</span>
									<span class="look">
										<img src="images/look_icon.png" alt="">
										<i class="number">28002</i>
									</span>
									<i class="line"></i>
									<span class="look">
										<img src="images/message_icon.png" alt="">
										<i class="number">28002</i>
									</span>
								</div>
							</div>
							</a>
						</li>
						<li>
							<div class="img_box"><img src="images/user_head_a.png" alt=""></div>
							<div class="text">
								<a href="./hk_hkq_detail.html" target="_blank">
								<h3>分享网上看到一个焊接视频，超级赞，诚邀焊友共同见证！</h3>
								</a>
								<div class="info">
									<span class="name">以电焊之名</span>
									<span class="look">
										<img src="images/look_icon.png" alt="">
										<i class="number">28002</i>
									</span>
									<i class="line"></i>
									<span class="look">
										<img src="images/message_icon.png" alt="">
										<i class="number">28002</i>
									</span>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 焊客秀展区 -->
		<div class="content_four">
			<div class="main">
				<div class="title">
					<a class="fr btn" href="hkx_index.html" target="_blank"><img src="images/add.png" alt="">查看更多</a>
					<h3>焊客秀展区</h3>
					<p>发现最美最真实的焊客，展现最优秀的自我</p>
				</div>
				<ul class="list">
					<li style="margin-left:0px;">
						<a href="hkx_index.html" target="_blank">
						<img src="images/img.png" alt="">
						<div class="intro">
							<img src="images/user_head_b.png" alt="">
							<span>曾经我也是一名优秀的焊工</span>
						</div>
						</a>
					</li>
					<li>
						<a href="hkx_index.html" target="_blank">
						<img src="images/img_d.png" alt="">
						<div class="intro">
							<img src="images/user_head_b.png" alt="">
							<span>曾经我也是一名优秀的焊工</span>
						</div>
						</a>
					</li>
					<li>
						<a href="hkx_index.html" target="_blank">
						<img src="images/img_e.png" alt="">
						<div class="intro">
							<img src="images/user_head_b.png" alt="">
							<span>曾经我也是一名优秀的焊工</span>
						</div>
						</a>
					</li>
					<li>
						<a href="hkx_index.html" target="_blank">
						<img src="images/img_f.png" alt="">
						<div class="intro">
							<img src="images/user_head_b.png" alt="">
							<span>曾经我也是一名优秀的焊工</span>
						</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="main footer_content ovw">
			<div class="fl contact">
				<div class="fl img_box"><img src="images/service.png" alt=""></div>
				<div class="fl text">
					<p class="label">联系我们</p>
					<p class="phone_number">400-8208-820</p>
					<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
				</div>
			</div>
			<dl>
				<dt><a href="">友情链接</a></dt>
				<dd><a href="">阿里巴巴</a></dd>
				<dd><a href="">新浪微博</a></dd>
				<dd><a href="">腾讯微博</a></dd>
				<dd><a href="">百度论坛</a></dd>
			</dl>
			<dl>
				<dt><a href="">服务</a></dt>
				<dd><a href="">智能对接</a></dd>
				<dd><a href="">焊客圈</a></dd>
				<dd><a href="">焊客圈众创</a></dd>
			</dl>
			<dl>
				<dt><a href="">帮助中心</a></dt>
				<dd><a href="">如何发布对接</a></dd>
				<dd><a href="">如何成为供应商</a></dd>
				<dd><a href="">如何成为技术专家</a></dd>
				<dd><a href="">如何发表众创</a></dd>
			</dl>
			<div class="fr download">
				<p class="title">移动端下载</p>
				<div class="fl code_box">
					<img src="images/code_a.png" alt="">
					<p>IOS下载</p>
				</div>
				<div class="fl code_box">
					<img src="images/code_b.png" alt="">
					<p>安卓下载</p>
				</div>
			</div>
		</div>
		<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
	</div>
<script type="text/javascript" src="js/jquery.1.9.1.js"></script>
<script src="js/idangerous.swiper.min.js"></script>
<script src="js/common.js"></script>

	<script>
	$(".zs_list li").hover(function(){
		$(this).addClass("active");
		$(this).find(".img_box").toggle();
	},function(){
		$(this).find(".img_box").toggle();
		$(this).removeClass("active");
	})
	var mySwiper = new Swiper('.lb',{
		pagination : '.pagination',
		paginationClickable :true,
		loop:true,
		autoplay:2500,
		autoplayDisableOnInteraction : false
	});
	
	var mySwiper = new Swiper('.banner_container',{
		pagination : '.pagination1',
		paginationClickable :true,
		loop:true,
		autoplay:3000,
		autoplayDisableOnInteraction : false
	});
	</script>
</body>
</html>